<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./layui-v2.5.7/layui-v2.5.7/layui/css/layui.css">
    <link rel="stylesheet" href="./layui-v2.5.7/layui-v2.5.7/layui/css/layui.mobile.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="icon" href="./img/logo.png">
    <title>签到成功</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            background-color: #fff;
            margin: 0;
            height: auto;
        }
        .container{
            margin-top: 40px;
        }
        .img-container{
            margin-top: 5vh;
        }
        #main{
            text-align: center;
        }
        .title{
            margin-top: 40px;
            background-color: #5FB878;
            color: #fff;
            height: 46px;
            font-size: 24px;
            line-height: 46px;
        }
        .text{
            margin-top: 10px;
            font-size: 22px;
        }
        .footer{
            margin-top: 20px;
        }
        .footer-text{
            text-align: center;
            color: #bbb;
        }
        .footer-text:hover{
            color: #000000;
        }
    </style>
</head>
<body>
    <main>
        <div class="layui-container img-container">
            <img src="./img/CTGU.png" alt="" width="100%">
        </div>
        <div class="layui-container container">
            <div class="main" id="main">
                <img src="./img/logo.png" alt="" width="200px">
                <div class="title animated bounceInUp">
                    签到成功
                </div>
                <div class="text animated flipInX">
                    <div>欢迎参加本次签到会</div>
                    <div>请凭此页面进入会场</div>
                    <div style="margin-top: 12px;">祝您求职成功</div>
                </div>
                <footer class="layui-container footer">
                    <div class="footer-text">
                        ©CTGU2021 三峡大学
                    </div>
                </footer>
            </div>
        </div>
    </main>


</body>
</html>